Pixels of the Week – January 6, 2017

Pixels of the Week – January 6, 2017

This content is 7 years old. Remember that the following content might be outdated.

Every week I post a lot of my daily readings about Web, UI and UX Design, mobile design, webdesign tools  and useful resources, inspiration on twitter and other social networks.

This week’s selection: confirmation bias, UX case studies, mobile UX, web performance, AB testing, design, bilingualism, interfaces zen mode, cognitive overload, user testing, internationalisation and form design. Some lovely CSS mirror effects, CSS properties currentColor and :indeterminate, using opacity in color palettes and a tutorial to draw animals using circles.

You can follow me on twitter to get a dose of links every days.

TL;DNR the one you should not miss

#AI #Design

Algorithm-Driven Design: How Artificial Intelligence Is Changing Design a long but really interesting read on AI driven design

Interesting article

#UX #Psychology

3 Tips for Overcoming Confirmation Bias

For more tips around biases, what types of biases might affect designers, check UX Cognitive Bias Cards & Workshop

#UX #Case Study

Writing more effective case studies, a few tips to help you write case studies to present your UX work

#UX #Mobile

How to create the best search UX on mobile, for mobile native apps

#Performance

10 things I learned making the fastest site in the world

#Mobile

How To Communicate Hidden Gestures in Mobile App, from walkthrough to small inline hints

#A/B Testing

Hehe Why most A/B tests give you bullshit results vs The Mobile Design Elements That You Have to A/B Test

#Design

Web design isn’t becoming more boring, and isn’t losing its soul – Don’t listen to the haters. “Criticizing brochure design for being boring is like criticizing road signs for being boring”, some good points

#Brain

Why being bilingual helps keep your brain fit, really nice article on linguistics and how the brain works

#UX

Why Zen Mode Isn’t the Answer to Everything (wondering how they perform in user testing)

#UX

Reducing Cognitive Overload For A Better User Experience

#UX

Why you should host user testing viewing parties

#Work

Why I only work remotely. Interesting but I wonder about creative jobs where you need colab to generate/bounce ideas

#Design #i18n

Design for internationalization, a few useful tips

#Gender

Great experiment and read on the topic: ‘Ladies’ Is Gender Neutral

 

#form

Form Design for Complex Applications with a few examples

Inspiration and Great ideas

#CSS #HTML

Mirror Effect on Codrops

 

Tutorials

#Animations #JS

Fun with Staggered Transitions, nice little demo

#Prototype

Fun idea: How To Use Stop Motion Animation to Make Low-fi Prototypes for Mobile Design

#CSS

Using the currentColor CSS keyword

#Color

When two colours can be one, on playing with transparency to create color themes

 

#CSS

Sloped edges with consistent angle in CSS with a few techniques

#Illustration

Illustrating Animals With 13 Circles: A Tutorial And Drawing Challenge. Fun exercise and the Fox is so cute ?

#CSS

:indeterminate, a pseudo-class you can use to style indeterminated states for checkboxes, radios, etc.

Useful resources, tools and plugins that will make your life easy

#Icons

Free Icon Design Guide – a nice ebook

#Buttons

bttn.surge.sh a collection of CSS buttons

#UX

Free UX Process and Documentation Kit

#UX

uxpressia.com, an online tool to help you create UX maps

Fun, games, experiments and demos

#CSS

Sooooo cute: CSS Snow Fox

#CSS #JS

A Look Back at 2016: Round-up of Codrops Resources